.menu-box {
  width: 100%;
  // margin: 0.1rem 0;
  display: flex;
  // align-items: center;
  height: 100%;
  justify-content: space-between;
  // justify-content: space-around;
  // position: relative;
  // top: .49rem;
  .menu-item {
    // width: 33.3%;
    height: 100%;
    position: relative;
    width: 2.24rem;
    // margin-bottom: 0.582rem;

    // &:last-child {
    //   margin-right: 0;
    // }

    .menu-bg {
      width: 100%;
      height: 100%;
      background: url('@/assets//images/bg-menu.png') center no-repeat;
      background-size: 100% 100%;
      position: absolute;
    }

    .right-box {
      // position: absolute;
      // margin-left: 0.65rem;
      // margin-top: 0.04rem;
      width: 1.40rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 0.05rem;
    position: absolute;
    right: 0;
      .right-box-name {
        // width: 2rem;
        font-size: 0.1rem;
        text-align: center;
        // transform: scale(0.6);
        font-weight: 500;

        // letter-spacing: 0;
        // margin-bottom: 0.065rem;
        background: linear-gradient(180deg, #9fc7dd 0%, #fff 100%);
        background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .right-box-val {
        // display: flex;
        // align-items: center;
        font-size: 0.12rem;
        color: #909aad;
        font-weight: bold;
        margin-top: 0.05rem;
    text-align: center;
        // letter-spacing: 0.02em;

        .font {
          font-size: 0.16rem;
          margin-right: 0.04rem;
          background: linear-gradient(180deg, #9fc7dd 0%, #fff 100%);
          background-clip: text;
          -webkit-text-fill-color: transparent;
        }
      }
    }
  }
}
